<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mir2 - 动画贴图集生成工具</title>

</head>
<script>window.$ = window.jQuery = require('jquery');</script>

<link rel="stylesheet" type="text/css" href="res/css/div.css"/>
<link rel="stylesheet" href="res/css/loading.css" media="screen" type="text/css"/>


<body>


<div class="bg">


    <h2>Mir2 - 动画贴图集生成工具</h2>
    <h5>1)配置TextureMerger.exe路径 -> 2)选择贴图文件夹生成纹理集和纹理配置文件 -> 3)生成逐帧动画文件</h5>
    <hr>
    <span> TextureMerger:</span> <input id="path_texture" value="D:\Program Files\Egret\TextureMerger\TextureMerger.exe"
                                        title="">
    <button id="btn_select_path_texture">配置</button>
    <br>
    <span> 贴图源目录:</span> <input id="path_texture_src" value="" title="">
    <button id="btn_select_path_texture_src">选择</button>
    <br>
    <span> 贴图集:</span> <input id="path_textures" value="" title="">
    <button id="btn_create_path_textures_animation">生成</button>
    <br>
    <span> 贴图动画:</span> <input id="path_textures_animation" title="">
    <br>
    <textarea rows="4" id="textarea_t"></textarea>
    <span id="logview"></span>
    <div class="grid-container">
        <button id="btn_write">写入内容</button>
        <button id="btn_ll">ll命令</button>
        <button id="select-directory"> 选择目录</button>
        <button id="save-dialog"> 另存为</button>
    </div>

    <hr>
    <h1>Drag file to open it.</h1>
    <div id="holder">
        Drag your file here
    </div>

    <script>
        document.addEventListener('drop', function (e) {
            e.preventDefault();
            e.stopPropagation();

            for (let f of e.dataTransfer.files) {
                console.log('File(s) you dragged here: ', f.path)
            }
        });
        document.addEventListener('dragover', function (e) {
            e.preventDefault();
            e.stopPropagation();
        });
    </script>


    <div id="snackBar">Toast</div>


    <hr>
    <!-- All of the Node.js APIs are available in this renderer process. -->
    Power on Node.js
    <script>document.write(process.versions.node)</script>
    ,
    Chromium
    <script>document.write(process.versions.chrome)</script>
    ,
    and Electron
    <script>document.write(process.versions.electron)</script>
    .
    <script>
        // You can also require other files to run in this process
        require('./renderer.js');
    </script>
</div>

<!--<div id="loading">-->
    <!--<span></span>-->
    <!--<span></span>-->
    <!--<span></span>-->
    <!--<span></span>-->
    <!--<span></span>-->
    <!--<span></span>-->
    <!--<span></span>-->
    <!--<span></span>-->
    <!--<span></span>-->
    <!--<span></span>-->
    <!--<span></span>-->
    <!--<span></span>-->
    <!--<span></span>-->
    <!--<span></span>-->
    <!--<span></span>-->
<!--</div>-->
</body>


</html>
